<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
			<script  src="./jq/jquery1.8.3.min.js"></script>
	<style type="text/css">
	tr{
		height:50px;
	}
	</style>
</head>
<body>
	<table border=1 cellspacing="0" cellpadding="0" width=600px>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>			
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<tr>
					<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>

	</table>
	<script type="text/javascript">
	$("td").attr('bgcolor',function(){
			
			if($(this).parent().index()%2==0){
				if($(this).index()%2==0){
					return "#fff";
				}else{
					return "#000";
				}
			}else{
				if($(this).index()%2==0){
					return "#000";
				}else{
					return "#fff";
				}
			}
		})
		

		
	</script>
</body>
</html>